<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>丹纳胰岛素泵</title>
    <meta name="keywords" content="山东丹纳胰岛素泵，胰岛素泵,韩国丹纳" />
    <meta name="description" content="山东丹纳胰岛素泵是韩国丹纳胰岛素泵的官方代理" />

    <!-- Bootstrap -->
    <script src="Public/qian/script/jquery.1.11.1.js"></script>
    <script src="Public/qian/script/bootstrap.min.js"></script>
    <script src="Public/qian/script/common.js"></script>
    <script src="Public/qian/script/jquery.SuperSlide.2.1.1.js"></script>
    <link rel="stylesheet" type="text/css" href="Public/qian/css/bootstrap.min.css">
    <!-- Bootstrap -->
    <!-- 自定义css -->
    <link rel="stylesheet" type="text/css" href="Public/qian/css/reset.css">
    <link rel="stylesheet" type="text/css" href="Public/qian/css/common.css">
    <link rel="stylesheet" type="text/css" href="Public/qian/css/index.css">
    <!-- 自定义css -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="Public/qian/script/html5shiv.js"></script>
    <script src="Public/qian/script/respond.js"></script>
    <![endif]-->
    <style>
        /* */
        body {
            background: #464646
        }
    </style>
</head>

<body>
    <h1 style="display:none;">丹纳胰岛素泵官方网站</h1>
    <h2 style="display:none;">丹纳胰岛素泵网站是韩国丹纳胰岛素泵的官方代理</h2>
    <!-- 首页 -->
    <!-- header -->
    <div id="header">
        <!-- <include file="header.html" /> -->
        <nav class=" navbar navbar-default" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-logo hidden-sm hidden-xs" href="#"></div>
                    <div class="navbar-logo-sm visable-sm hidden-xs hidden-md" href="#"></div>
                    <div class="navbar-logo-m visible-xs"></div>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <div class="wxwb hidden-xs pull-right">
                        <a href="javascript:void(0)" class="wxd"></a>
                        <a href="javascript:void(0)" class="wbd"></a>
                    </div>
                    <ul class="nav navbar-nav pull-right" id="test">
                        <li id="aa">
                            <a href="index.html"><i class="visible-xs">></i>网站首页</a>
                        </li>
                        <li class="jg"></li>
                        <li id="bb">
                            <a href="about.html"><i class="visible-xs">></i>公司简介</a>
                        </li>
                        <li class="jg"></li>
                        <li id="cc">
                            <a href="projects.html"><i class="visible-xs">></i>产品中心</a>
                        </li>
                        <!--  
                        <li class="jg"></li>
                        <li id="dd">
                            <a href="gsnews.html"><i class="visible-xs">></i>新闻中心</a>
                        </li>
                        <li class="jg"></li>
                        <li id="ee">
                            <a href="rencai.html"><i class="visible-xs">></i>人才招聘</a>
                        </li> -->
                        <li class="jg"></li>
                        <li id="fff">
                            <a href="lianxi.html"><i class="visible-xs">></i>联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <!-- focus -->
    <div class="pfocus" id="pfocus">
        <div class="xm4 container-fluid hidden-xs hidden-sm hidden-md">
            <div class="xm4inner container">
                <div class="thy hidden-xs hidden-sm">
                    <!-- <img src="Public/qian/images/thy.png" alt=""> -->
                </div>
                <div class="container-fluid">
                    <div class="row ">
                        <div class="col-md-3 col-xs-6 item">
                            <div class="yinner y1">
                                <a href="projects.html">
                                    <div class="xmtitle">R泵简介</div>
                                    <p class="xmeng">DiabecareR</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6 item">
                            <div class="yinner y2">
                                <div class="xmtitle">耗材</div>
                                <p class="xmeng">Characteristic town</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6 item">
                            <div class="yinner y3">
                                <div class="xmtitle">服务</div>
                                <p class="xmeng">Modern agricultural Brigade</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6 item">
                            <div class="yinner y4">
                                <a href="lianxi.html">
                                    <div class="xmtitle">联系我们</div>
                                    <p class="xmeng">Contacts </p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators" style="display:none;">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>

            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox" id="focus">
                <div class="item active">
                    <img src="Public/qian//images/b.jpg" alt="" class="hidden-xs">
                    <img src="Public/qian//images/b.jpg" alt="" class="visible-xs">
                    <div class="carousel-caption">
                        <h3>丹纳胰岛素泵</h3>
                        <p>DANNA</p>
                    </div>
                </div>
                <!-- <div class="item">
                    <img src="Public/qian//images/banner1.jpg" alt="" class="hidden-xs">
                    <img src="Public/qian//images/banner1-m.jpg" alt="" class="visible-xs">
                    <div class="carousel-caption">
                        <h3>久别重逢是故乡</h3>
                        <p>Mount Tai Lotus Land</p>
                    </div>
                </div> -->
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!-- focus end -->
    <!-- MOBILE XM BLOCKS -->
    <div class="xm4 container-fluid visible-xs visible-sm">
        <div class="xm4inner container">
            <div class="row clearfix">
                <div class="col-md-3 col-xs-6 item">
                    <div class="yinner y1">
                        <a href="projects.html">
                            <div class="xmtitle">丹纳胰岛素泵</div>
                            <p class="xmeng">DANNA</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6 item">
                    <div class="yinner y2">
                        <a href="projects.html">
                            <div class="xmtitle">R泵</div>
                            <p class="xmeng">DiabecareR</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-3 col-xs-6 item">
                    <div class="yinner y3">
                        <div class="xmtitle">耗材</div>
                        <p class="xmeng">Consumable</p>
                    </div>
                </div>
                <div class="col-md-3 col-xs-6 item">
                    <div class="yinner y4">
                        <a href="lianxi.html">
                            <div class="xmtitle">联系我们</div>
                            <p class="xmeng">Contacts</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- sections -->
    <div class="container-fluid sections">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <!-- NEWS -->
                    <div class="news">
                        <h3>NEWS & ANNOUNCEMENTS</h3>
                        <div class="newstab">
                            <!-- <li class="current"><a href="gsnews.html">新闻</a></li>
                            <li><a href="gsnews',array('rule_id'=>'15'))}">公告</a></li> -->
                        </div>
                        <style>
                            /* 本例子css */
                            .picScroll-top {
                                margin: 5px auto 5px auto;
                                overflow: hidden;
                                position: relative;
                                border: 0;
                            }

                            .picScroll-top .hd {
                                overflow: hidden;
                                height: 30px;
                                background: none;
                                padding: 0 10px;
                            }

                            .picScroll-top .hd .prev,
                            .picScroll-top .hd .next {
                                display: block;
                                width: 9px;
                                height: 5px;
                                float: right;
                                margin-right: 5px;
                                margin-top: 10px;
                                overflow: hidden;
                                cursor: pointer;
                                background: url("Public/qian/images/arrow.png") 0 -100px no-repeat;
                            }

                            .picScroll-top .hd .next {
                                background-position: 0 -140px;
                            }

                            .picScroll-top .hd .prevStop {
                                background-position: -60px -100px;
                            }

                            .picScroll-top .hd .nextStop {
                                background-position: -60px -140px;
                            }

                            .picScroll-top .hd ul {
                                float: right;
                                overflow: hidden;
                                zoom: 1;
                                margin-top: 10px;
                                zoom: 1;
                            }

                            .picScroll-top .hd ul li {
                                float: left;
                                width: 9px;
                                height: 9px;
                                overflow: hidden;
                                margin-right: 5px;
                                text-indent: -999px;
                                cursor: pointer;
                                background: url("Public/qian/images/icoCircle.gif") 0 -9px no-repeat;
                            }

                            .picScroll-top .hd ul li.on {
                                background-position: 0 0;
                            }

                            .picScroll-top .bd {
                                padding: 10px;
                            }

                            .picScroll-top .bd ul {
                                overflow: hidden;
                                zoom: 1;
                            }

                            .picScroll-top .bd ul li {
                                text-align: center;
                                zoom: 1;
                                padding: 15px 0;
                                height: 140px;
                            }

                            .picScroll-top .bd ul li .pic {
                                text-align: left;
                            }

                            .picScroll-top .bd ul li .pic img {
                                width: 180px;
                                height: 90px;
                                display: block;
                                padding: 2px;
                                border: 1px solid #ccc;
                            }

                            .picScroll-top .bd ul li .pic a {
                                font-size: 22px;
                                font-weight: bold;
                                color: #764c1f;
                                padding-bottom: 15px;
                            }

                            .picScroll-top .bd ul li .pic a:hover {
                                font-size: 22px;
                                color: #764c1f;
                            }

                            .picScroll-top .bd ul li .pic a:hover img {
                                border-color: #999;
                            }

                            .picScroll-top .bd ul li .title {
                                line-height: 20px;
                                text-align: left;
                                padding-top: 15px;
                            }

                            .pageState {
                                padding: 10px 0 0 0;
                                display: inline-block;
                                font-family: Georgia;
                                font-size: 15px;
                                color: red;
                            }
                        </style>
                        <div class="picScroll-top">
                            <div class="hd">
                            </div>
                            <div class="bd">
                                <ul class="picList" name="info">
                                    <li>
                                        <div class="pic">
                                            <a target="_blank">R泵可以安装闭环
                                            </a>
                                        </div>
                                        <div class="title">R泵可以安装闭环</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- <div class="picScroll-top">
                            <div class="hd">
                                <a class="next"></a>
                                <ul></ul>
                                <a class="prev"></a>
                                <span class="pageState"></span>
                            </div>
                            <div class="bd">
                                <ul class="picList" name="info">
                                    <volist name='info' id='k'>
                                        <li>
                                            <div class="pic">
                                                <a href="showarticle',array('id'=>$k['id']))}"
                                                    target="_blank">{$k.title}
                                                </a>
                                            </div>
                                            <div class="title">{$k.daodu}</div>
                                        </li>
                                    </volist>
                                </ul>
                            </div>
                        </div> -->

                        <script id="jsID" type="text/javascript">
                            var ary = location.href.split("&");
                            jQuery(".picScroll-top").slide({
                                titCell: ".hd ul",
                                mainCell: ".bd ul",
                                autoPage: true,
                                effect: ary[1],
                                autoPlay: true,
                                scroll: ary[3],
                                vis: ary[4],
                                easing: ary[5],
                                delayTime: ary[6],
                                pnLoop: ary[7],
                                trigger: ary[8],
                                mouseOverStop: ary[9]
                            });

                            // xm
                            if ($(window).width() > 767) {
                                //alert(true);
                                $(".yinner").hover(function () {
                                    $(this).addClass('active');
                                }, function () {
                                    $(this).removeClass('active')
                                })
                            }

                        </script>

                    </div>
                </div>
                <div class="col-md-3 col-xs-12 col-sm-4 pull-right yxci">
                    <!-- yxc 营销中心 -->
                    <div class="yxc">
                        <div class="newstab">
                            <li style="width: 100%">微信客服</li>
                        </div>
                        <!-- <a href="yxzx.html"> -->
                        <img src="Public/qian/images/yx.jpg" class="img-responsive" alt="" style="width: 80%;">
                        <!-- </a> -->
                    </div>
                </div>
                <div class="col-md-5 col-xs-12 col-sm-8 pull-right">

                    <!-- NEWS -->
                    <div class="topxm">
                        <style>
                            .slideBox {
                                /*width:450px; */
                                max-width: 100%;
                                height: 300px;
                                overflow: hidden;
                                position: relative;
                                border: 1px solid #ddd;
                            }

                            .slideBox .hd {
                                height: 15px;
                                overflow: hidden;
                                position: absolute;
                                right: 5px;
                                bottom: 5px;
                                z-index: 1;
                            }

                            .slideBox .hd ul {
                                overflow: hidden;
                                zoom: 1;
                                float: left;
                            }

                            .slideBox .hd ul li {
                                float: left;
                                margin-right: 2px;
                                width: 15px;
                                height: 15px;
                                line-height: 14px;
                                text-align: center;
                                background: #fff;
                                cursor: pointer;
                            }

                            .slideBox .hd ul li.on {
                                background: #f00;
                                color: #fff;
                            }

                            .slideBox .bd {
                                position: relative;
                                height: 100%;
                                z-index: 0;
                            }

                            .slideBox .bd li {
                                zoom: 1;
                                vertical-align: middle;
                            }

                            .slideBox .bd img {
                                /*width:450px;*/
                                max-width: 100%;
                                width: 100%;
                                height: 300px;
                                display: block;
                            }

                            /* 下面是前/后按钮代码，如果不需要删除即可 */
                            .slideBox .prev,
                            .slideBox .next {
                                position: absolute;
                                left: 3%;
                                top: 50%;
                                margin-top: -25px;
                                display: block;
                                width: 32px;
                                height: 40px;
                                background: url(Public/qian/images/slider-arrow.png) -110px 5px no-repeat;
                                filter: alpha(opacity=50);
                                opacity: 0.5;
                            }

                            .slideBox .next {
                                left: auto;
                                right: 3%;
                                background-position: 8px 5px;
                            }

                            .slideBox .prev:hover,
                            .slideBox .next:hover {
                                filter: alpha(opacity=100);
                                opacity: 1;
                            }

                            .slideBox .prevStop {
                                display: none;
                            }

                            .slideBox .nextStop {
                                display: none;
                            }
                        </style>
                        <div class="slideBox">
                            <div class="hd">
                                <ul></ul>
                            </div>
                            <div class="bd">
                                <ul class="picList" name="info1">
                                    <!--  <volist name = 'info1' id = 'g'> -->
                                    <li>
                                        <div class="pic">
                                            <!-- <a href="showarticle1',array('id'=>$g['id']))}" target="_blank">R泵</a> -->
                                        </div>
                                        <img src="Public/qian/images/R.png" class="img-responsive" alt=""
                                            style="width: 100%">
                                    </li>
                                    <li>
                                        <div class="pic">
                                            <!-- <a href="" target="_blank">R泵</a> -->
                                        </div>
                                        <img src="Public/2s.jpg" class="img-responsive" alt="" style="width: 100%">
                                    </li>
                                    <li>
                                        <div class="pic">
                                            <!-- <a href="" target="_blank">R泵</a> -->
                                        </div>
                                        <img src="Public/qian/images/R2.png" class="img-responsive" alt=""
                                            style="width: 100%">
                                    </li>
                                    <li>
                                        <div class="pic">
                                            <!-- <a href="" target="_blank">R泵</a> -->
                                        </div>
                                        <img src="Public/qian/images/R3.png" class="img-responsive" alt=""
                                            style="width: 100%">
                                    </li>
                                    <!-- </volist> -->
                                </ul>
                            </div>
                            <a class="prev" href="javascript:void(0)"></a>
                            <a class="next" href="javascript:void(0)"></a>
                        </div>

                        <script id="jsID1" type="text/javascript">
                            jQuery(".slideBox").slide({ mainCell: ".bd ul", autoPlay: true });
                        </script>

                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid zfooter">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-5">
                    <div class="cptt">
                        <p> 版权所有</p>
                        <p>鲁ICP备19055116</p>
                    </div>
                </div>
                <div class="wxwb hidden-xs hidden-sm pull-left">
                    <a href="javascript:void(0)" class="wx"></a>
                    <a href="javascript:void(0)" class="wb"></a>
                </div>

                <div class="col-md-6 pull-right hidden-xs">
                    <ul class="bcrt">
                        <li><a href="#">法律声明</a></li>
                        <li><a href="#">廉洁举报</a></li>

                        <li><a href="#">服务热线</a></li>
                        <li><a href="#">联络我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <!-- <include src="./footer.html" /> -->
    <div class="footerpage"></div>
    <script>
        $(document).ready(function () {
            $(".footerpage").load("footer.html");
            //初始化页面
            $('#index').addClass('on');
            $("#test li a").each(function () {
                $this = $(this);
                if ($this[0].href == String(window.location)) {
                    $('#test li a').removeClass("active");
                    $this.parent().addClass("active");
                }
            });
        });
        $(function () {
            $("#aa").addClass('active');
        });

    </script>
</body>

</html>